<div class="flex flex-col border-b">
    <h1 class="font-bold text-2xl text-gray-700">所有源码文件、类型、方法都要有详尽的注释；</h1>
    <div class="flex py-4">
        <div class="h-6 w-6 ml-2 mr-1">
            <img class="rounded-full border"
                 src="https://cdn.learnku.com/uploads/avatars/19883_1510295716.jpeg!/both/100x100" alt="">
        </div>
        <div class="flex items-center mx-1 hidden md:flex">
            <div class="bg-gray-400 rounded-lg text-xs px-2 py-1">vue</div>
        </div>
        <div class="flex w-full mx-1 items-center justify-between">
            <div class="flex">
                <div class="text-gray-500 text-sm">1</div>
                <div class="text-gray-500 text-sm mx-2">|</div>
                <div class="text-gray-500 text-sm mr-2">3个小时前</div>
            </div>
        </div>
    </div>
</div>
